File
New Layout
Ctrl+N
Layout Manager…
Ctrl+O
Preview Runtime…
F6
Export Runtime HTML…
F5
Edit
Undo
Ctrl+Z
Redo
Ctrl+Y
Cut
Ctrl+X
Copy
Ctrl+C
Paste
Ctrl+V
Duplicate
Ctrl+D
Delete
Del
Select All
Ctrl+A
Deselect
Esc
View
Zoom In
Ctrl++
Zoom Out
Ctrl+-
Reset Zoom
Ctrl+0
Toggle Snap
Ctrl+Shift+G
Hide Objects Panel
Hide Properties Panel
Canvas Properties
👁🗨 Hide Selected on Canvas
👁 Show All Hidden
Layout
Align Left
Align Center H
Align Right
Align Top
Align Center V
Align Bottom
Distribute Horizontally
Distribute Vertically
Same Width
Same Height
Same Size
Bring to Front
Ctrl+]
Bring Forward
Ctrl+.
Send Backward
Ctrl+,
Send to Back
Ctrl+[
Theme
🌙 Dark
☀ Light
NeoWin Interface Designer V1.5
‹
📄
New
📦
Layout Manager
↩
Undo
↪
Redo
✂
Cut
⧉
Copy
📋
Paste
🗑
Del
−
+
100%
1× DPI
⚙
Canvas
✎
RTE
✎
PTE
</>
JSW
▶
Preview
⬇
Export
›
Dark
▼
‹
🔓
Align:
Layer:
⬆⬆ Front
⬆ Fwd
⬇ Bwd
⬇⬇ Back
Panels:
☰ Objects
☷ Properties
›
‹
＋
›
Panel
Objects
Layers
✕
✕
Front
↑
↓
Back
Properties
Props
Events
X:
—
|
Y:
—
|
W:
—
|
H:
—
|
Selected:
—
|
Controls:
0
|
Page:
1
│
Canvas
100%
|
UI
100%
Canvas:
800×600
|
Theme:
Dark
|
Grid:
Off
|
Snap:
Off
|
Zoom:
100%
|
DPI:
1×
● Unsaved
Canvas Settings
✕
Width (px)
Height (px)
Background Color
Surround Color
PE html>
NeoWin Interface Designer V1.5
File
New Layout
Ctrl+N
Layout Manager…
Ctrl+O
Preview Runtime…
F6
Export Runtime HTML…
F5
Edit
Undo
Ctrl+Z
Redo
Ctrl+Y
Cut
Ctrl+X
Copy
Ctrl+C
Paste
Ctrl+V
Duplicate
Ctrl+D
Delete
Del
Select All
Ctrl+A
Deselect
Esc
View
Zoom In
Ctrl++
Zoom Out
Ctrl+-
Reset Zoom
Ctrl+0
Toggle Snap
Ctrl+Shift+G
Hide Objects Panel
Hide Properties Panel
Canvas Properties
👁🗨 Hide Selected on Canvas
👁 Show All Hidden
Layout
Align Left
Align Center H
Align Right
Align Top
Align Center V
Align Bottom
Distribute Horizontally
Distribute Vertically
Same Width
Same Height
Same Size
Bring to Front
Ctrl+]
Bring Forward
Ctrl+.
Send Backward
Ctrl+,
Send to Back
Ctrl+[
Theme
🌙 Dark
☀ Light
NeoWin Interface Designer V1.5
‹
📄
New
📦
Layout Manager
↩
Undo
↪
Redo
✂
Cut
⧉
Copy
📋
Paste
🗑
Del
−
+
100%
1× DPI
⚙
Canvas
✎
RTE
✎
PTE
</>
JSW
▶
Preview
⬇
Export
›
Dark
▼
‹
🔓
Align:
Layer:
⬆⬆ Front
⬆ Fwd
⬇ Bwd
⬇⬇ Back
Panels:
☰ Objects
☷ Properties
›
‹
＋
›
📚 JS Snippet Library
✕
— select a snippet —
Event:
Target:
2nd Target:
Delay:
ms
Insert
▸ Preview:
Panel
Objects
Layers
✕
✕
Front
↑
↓
Back
Properties
Props
Events
X:
—
|
Y:
—
|
W:
—
|
H:
—
|
Selected:
—
|
Controls:
0
│
Canvas
100%
|
UI
100%
Canvas:
800×600
|
Theme:
Dark
|
Grid:
Off
|
Snap:
Off
|
Zoom:
100%
|
DPI:
1×
● Unsaved
Canvas Settings
✕
Width (px)
Height (px)
Background Color
Surround Color
📦 Layout Manager
✕
📁 Saved Layouts
📋 Templates
📄 New
📂 Open
📥 Import to Page
🗑 Delete
↺ Refresh
📁 Open from Disk…
📥 Merge into page…
Loading layouts…
Save Current Layout
💾 Save File…
📂 Load Template
↺ Refresh
📁 Import…
Loading templates…
▶ Runtime Preview
☀
100%
↗ Pop Out
✕
✎ Rich Text Editor
Format text · Copy HTML · Send to Rich Text control
✕
▼
Size
10
11
12
14
16
18
20
24
28
32
36
48
64
B
I
U
S
x
2
x
2
A
▁
⇤
⇔
⇥
⇄
• List
1. List
⇥⇥
⇤⇤
Paragraph
Heading 1
Heading 2
Heading 3
Heading 4
Preformatted
Blockquote
― HR
🔗 Link
✗ Clear
[x] Var
📷 Img
📂 Import
✎ Editor
</> Generated HTML
W:
H:
🔗 Lock
Alt:
Align:
◀L
C
R▶
■
Float:
⇤L
R⇥
✕
Border:
px
📸 Caption
🗑 Del
✎ Plain Text Editor
Compose plain text · Send to TextArea control
✕
▼
Size
10
11
12
13
14
16
18
20
24
28
32
36
48
B
I
U
A
⇤
⇔
⇥
Line
1×
1.2×
1.4×
1.6×
1.8×
2×
2.5×
[x] Var
✎ Editor
0 chars
⚙ JS Widget Code Editor
⇦ Code
Preview ⇧
✕
📄 Snippets
✕
HTML / CSS / JavaScript
Live Preview
▶ Run
▼ Export Runtime HTML
✕
Filename
VNW rectangle name
WebView2 cache folder
Minify output
Remove unused control CSS
📋 What VNW Needs to Know
✕
📄 Set Document Source
✕
📂 Local PDF
🌎 Online URL
📄
Embed a local PDF file
The PDF is embedded as a Blob URL — works fully offline.
No internet connection required at runtime.
📂 Browse for PDF…
Enter the full
https://
URL to a PDF or Office document.
⚠ Office docs (docx/xlsx/pptx) require a public URL and internet.
Document URL
Online Viewer (for Office docs)
Auto (Office Online → Google Docs)
Microsoft Office Online
Google Docs Viewer
✎ Edit Code —
✕
🔍 Search:
▲
▼
VNW Code — editable — Save to store with this control
Generated JavaScript (read-only — driven by JS Actions)